<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>
<body>
    <h1>注册页面</h1>
<form action="http://www.tmooc.cn">
    <!-- 
        属性值:
        action:设置提交地址
        name:该属性是所有控件 必须有的属性,如果没由于则不会提交此控件的内容
        placeholder:占位文本
        maxlength:设置最大字符长度
        value:设置控件的值
        readonly:设置只读
    -->
    <p>用户名:<input type="text" name="username" placeholder="用户名"></p>
    <p>密码:<input type="password" name="password" placeholder="密码"></p>
    <!-- 单选框中value属性必须有,否则提交的内容为on checked设置默认选中 -->
    <p>性别:<input type="radio" name="gender" checked value="m">男
    <input type="radio" name="gender" value="w">女</p>
    <p>兴趣爱好:
    <input type="checkbox" name="hobby" checked value="hj">喝酒
    <input type="checkbox" name="hobby" value="cy">抽烟
    <input type="checkbox" name="hobby" value="tt">烫头</p>
    <!-- 日期选择器 -->
    <p>生日:<input type="date" name="birthday"></p>
    <!-- 文件选择器 -->
    <p>靓照:<input type="file" name="pic"></p>
    <p>所在地:
        <select name="city">
            <!-- value是设置提交的值,不写的是提交标签体内的内容,
                selected说是设置默认选中
            -->
            <option value="bj">北京</option>
            <option value="sh">上海</option>
            <option selected>广州</option>
        </select>
    </p>
    <!-- 在按钮中的value是设置现实的文本内容 -->
    <!-- 按钮也可使用button标签来实现 -->
    <input type="submit" value="注册">
    <!-- 重置按钮 -->
    <input type="reset">
    <!-- 自定义按钮 -->
    <input type="button" value="自定义按钮">
</form>    
</body>
</html>